<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="./css/index.css">
    <script src="./js/jquery.js"></script>
    <script src="./js/none.js"></script>
</head>

<body>
    <header>
        <div class="top">
            <div class="top-t">
                <a href="#"><img  src="./images/tbgg.jpg"></a>
            </div>
        </div>

        <div class="center">
            <div class="cen">
                <ul class="li uu fl-r">
                    <li><a href="#">APP下载 <img class="xxjt" src="./images/xxjt.png" alt=""></a>|</li>
                    <li><a href="./login.html">请登录</a> <a href="./register.html">免费注册</a>|</li>
                    <li><a href="#">每日签到</a>|</li>
                    <li><a href="#">企业采购</a>|</li>
                    <li><a href="#">客户服务</a>|</li>
                    <li><a href="#">个人中心 <img class="xxjt" src="./images/xxjt.png" alt=""></a>|</li>
                    <li><a href="#">成为VIP</a></li>
                </ul>
            </div>
        </div>

        <div class="floor cen">
            <div class="loga-1">
                <a href="#"><img src="./images/logo1.gif" alt=""></a>
            </div>
            <div class="fl-top">
                <form action="" class="form">
                    <input type="text"><button><a href="#"><img style="width:25px;height: 25px;" src="./images/sous.png"
                                alt=""></a></button>
                </form>
                <div class="gwc">
                    <span><img style="width:16px;height:16px;" src="./images/gwc.png" alt=""></span>
                    <a href="#">我的购物车</a>
                    <span class="sp">0</span>
                </div>
            </div>

                <div class="fl-cen">
                    <ul class="li" style="display: flex">
                        <li><a href="">奶尿裤</a></li>
                        <li><a href="">奶粉</a></li>
                        <li><a href="">面膜</a></li>
                        <li><a href="">套装</a></li>
                        <li><a href="">直邮</a></li>
                        <li><a href="">包税</a></li>
                        <li><a href="">安瓶</a></li>
                        <li><a href="">特惠</a></li>
                    </ul>
                </div>
            

            <ul class="fl-nav li">
                <li><a href="">母婴用品/玩具</a></li>
                <li><a href=""> 家居护理</a></li>
                <li><a href="">婴幼儿奶粉</a></li>
                <li><a href="">人气面膜</a></li>
                <li><a href=""> 大牌直邮</a></li>
                <li><a href=""> laCabine安瓶</a></li>
                <li><a href="">特惠专区</a></li>
            </ul>
        </div>
    </header>

    <section>
        <div class="banner cen">
            <div class="fl-l" style="margin-right: 10px">
                <ul class="ba-le li">
                    <li><a href="">特价专区</a></li>
                    <li><a href="">母婴儿童</a></li>
                    <li><a href="">520活动产品</a></li>
                    <li><a href="">家居护理</a></li>
                    <li><a href="">食品保健</a></li>
                    <li><a href="">厨卫用具</a></li>
                    <li><a href="">美妆洗护</a></li>
                    <li><a href="">家用电器</a></li>
                    <li><a href="">热销产品</a></li>
                </ul>
                <!-- 隐藏盒子 -->
                <div class="none">
                    <div class="no-pop n1" style="display:none">
                        <div class="pop-le">
                            <dl>
                                <dt><a href="">特价专区</a></dt>
                                <dd>
                                    <a href="">牙膏/牙刷/刷头</a> <a href="">漱口水</a> <a href="">舌苔刷</a>
                                    <a href="">牙线</a>
                                </dd>
                            </dl>
                        </div>
                        <div class="pop-ri">
                            <div class="pop-ri">
                                <p><a href="#"><img src="./images/po-1.jpg" alt=""></a></p>
                                <p><a href="#"><img src="./images/po-2.jpg" alt=""></a></p>
                            </div>
                        </div>
                    </div>

                    <div class="no-pop n2" style="display:none">
                        <div class="pop-le">
                            <dl>
                                <dt><a href=""> 母婴儿童</a></dt>
                                <dd>
                                    <a href=""> 毛巾/浴巾</a> <a href="">洗脸刷/刷头</a> <a href="">驱蚊水/驱蚊喷雾/驱蚊器</a>
                                    <a href="">旅行箱口罩/眼罩</a> <a href="">安全套</a>
                                    <a href="">除臭剂</a>
                                    <a href="">乳胶枕</a>
                                    <a href=""> 空气净化剂</a>
                                    <a href="">刮毛刀/修眉刀</a>
                                    <a href=""> 防晒袖套</a>
                                    <a href="">足贴</a>
                                    <a href=""> 收纳盒</a>
                                    <a href="">湿巾</a>
                                    <a href="">洗涤用品</a>
                                    <a href=""> 洗手液</a>
                                    <a href="">指甲剪</a>
                                </dd>
                            </dl>
                            <dl>
                                <dt><a href="">口腔护理</a></dt>
                                <dd>
                                    <a href="">牙膏/牙刷/刷头</a> <a href="">漱口水</a> <a href="">舌苔刷</a>
                                    <a href="">牙线</a>
                                </dd>
                            </dl>
                        </div>
                        <div class="pop-ri">
                            <p><a href="#"><img src="./images/po-1.jpg" alt=""></a></p>
                            <p><a href="#"><img src="./images/po-2.jpg" alt=""></a></p>
                        </div>
                    </div>

                    <div class="no-pop n3" style="display:none">
                        <div class="pop-le">
                            <dl>
                                <dt><a href=""> 520活动</a></dt>
                                <dd>
                                    <a href="">乳胶枕</a>
                                    <a href=""> 空气净化剂</a>
                                    <a href="">刮毛刀/修眉刀</a>
                                    <a href=""> 防晒袖套</a>
                                    <a href="">足贴</a>
                                    <a href=""> 收纳盒</a>
                                    <a href="">湿巾</a>
                                    <a href="">洗涤用品</a>
                                    <a href=""> 洗手液</a>
                                    <a href="">指甲剪</a>
                                </dd>
                            </dl>
                            <dl>
                                <dt><a href="">口腔护理</a></dt>
                                <dd>
                                    <a href="">牙膏/牙刷/刷头</a> <a href="">漱口水</a> <a href="">舌苔刷</a>
                                    <a href="">牙线</a>
                                </dd>
                            </dl>
                        </div>
                        <div class="pop-ri">
                            <p><a href="#"><img src="./images/po-1.jpg" alt=""></a></p>
                            <p><a href="#"><img src="./images/po-2.jpg" alt=""></a></p>
                        </div>
                    </div>

                    <div class="no-pop n4" style="display:none">
                        <div class="pop-le">
                            <dl>
                                <dt><a href=""> 家居用品</a></dt>
                                <dd>
                                    <a href=""> 毛巾/浴巾</a> <a href="">洗脸刷/刷头</a> <a href="">驱蚊水/驱蚊喷雾/驱蚊器</a>
                                    <a href="">旅行箱口罩/眼罩</a> <a href="">安全套</a>
                                    <a href="">除臭剂</a>
                                    <a href="">乳胶枕</a>
                                    <a href=""> 空气净化剂</a>
                                    <a href="">刮毛刀/修眉刀</a>

                                </dd>
                            </dl>
                        </div>
                        <div class="pop-ri">
                            <p><a href="#"><img src="./images/po-1.jpg" alt=""></a></p>
                            <p><a href="#"><img src="./images/po-2.jpg" alt=""></a></p>
                        </div>
                    </div>

                    <div class="no-pop n5" style="display:none">
                        <div class="pop-le">
                            <dl>
                                <dt><a href=""> 食品保健</a></dt>
                                <dd>
                                    <a href=""> 毛巾/浴巾</a> <a href="">洗脸刷/刷头</a> <a href="">驱蚊水/驱蚊喷雾/驱蚊器</a>
                                    <a href="">旅行箱口罩/眼罩</a> <a href="">安全套</a>
                                    <a href="">除臭剂</a>
                                    <a href="">乳胶枕</a>
                                    <a href=""> 空气净化剂</a>
                                    <a href="">刮毛刀/修眉刀</a>

                                </dd>
                            </dl>
                        </div>
                        <div class="pop-ri">
                            <p><a href="#"><img src="./images/po-1.jpg" alt=""></a></p>
                            <p><a href="#"><img src="./images/po-2.jpg" alt=""></a></p>
                        </div>
                    </div>

                    <div class="no-pop n6" style="display:none">
                        <div class="pop-le">
                            <dl>
                                <dt><a href=""> 厨卫用具</a></dt>
                                <dd>
                                    <a href=""> 毛巾/浴巾</a> <a href="">洗脸刷/刷头</a> <a href="">驱蚊水/驱蚊喷雾/驱蚊器</a>
                                    <a href="">旅行箱口罩/眼罩</a> <a href="">安全套</a>
                                    <a href="">除臭剂</a>
                                    <a href="">乳胶枕</a>
                                    <a href=""> 空气净化剂</a>
                                    <a href="">刮毛刀/修眉刀</a>

                                </dd>
                            </dl>
                        </div>
                        <div class="pop-ri">
                            <p><a href="#"><img src="./images/po-1.jpg" alt=""></a></p>
                            <p><a href="#"><img src="./images/po-2.jpg" alt=""></a></p>
                        </div>
                    </div>

                    <div class="no-pop n7" style="display:none">
                        <div class="pop-le">
                            <dl>
                                <dt><a href="">美妆洗护</a></dt>
                                <dd>
                                    <a href="">牙膏/牙刷/刷头</a> <a href="">漱口水</a> <a href="">舌苔刷</a>
                                    <a href="">牙线</a>
                                </dd>
                            </dl>
                        </div>
                        <div class="pop-ri">
                            <div class="pop-ri">
                                <p><a href="#"><img src="./images/po-1.jpg" alt=""></a></p>
                                <p><a href="#"><img src="./images/po-2.jpg" alt=""></a></p>
                            </div>
                        </div>
                    </div>

                    <div class="no-pop n8" style="display: none">
                        <div class="pop-le">
                            <dl>
                                <dt><a href=""> 家居电器</a></dt>
                                <dd>
                                    <a href="">乳胶枕</a>
                                    <a href=""> 空气净化剂</a>
                                    <a href="">刮毛刀/修眉刀</a>
                                    <a href=""> 防晒袖套</a>
                                    <a href="">足贴</a>
                                    <a href=""> 收纳盒</a>
                                    <a href="">湿巾</a>
                                    <a href="">洗涤用品</a>
                                    <a href=""> 洗手液</a>
                                    <a href="">指甲剪</a>
                                </dd>
                            </dl>
                        </div>
                        <div class="pop-ri">
                            <div class="pop-ri">
                                <p><a href="#"><img src="./images/po-1.jpg" alt=""></a></p>
                                <p><a href="#"><img src="./images/po-2.jpg" alt=""></a></p>
                            </div>
                        </div>
                    </div>

                    <div class="no-pop n9" style="display: none">
                        <div class="pop-le">
                            <dl>
                                <dt><a href=""> 热销产品</a></dt>
                                <dd>
                                    <a href="">乳胶枕</a>
                                    <a href=""> 空气净化剂</a>
                                    <a href="">刮毛刀/修眉刀</a>
                                    <a href=""> 防晒袖套</a>
                                    <a href="">足贴</a>
                                    <a href=""> 收纳盒</a>
                                    <a href="">湿巾</a>
                                    <a href="">洗涤用品</a>
                                    <a href=""> 洗手液</a>
                                    <a href="">指甲剪</a>
                                </dd>
                            </dl>
                        </div>
                        <div class="pop-ri">
                            <div class="pop-ri">
                                <p><a href="#"><img src="./images/po-1.jpg" alt=""></a></p>
                                <p><a href="#"><img src="./images/po-2.jpg" alt=""></a></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                <!-- 轮播区域 -->
            <div class="ba-ce">
                <div class="ba-to">
                    <ul class="ba-to-u li">
                        <li><a href=""><img src="./images/ba-2.jpg" alt=""></a></li>
                        <li><a href=""><img src="./images/ba-3.jpg" alt=""></a></li>
                        <li><a href=""><img src="./images/ba-4.jpg" alt=""></a></li>
                        <li><a href=""><img src="./images/ba-1.jpg" alt=""></a></li>
                        <li><a href=""><img src="./images/ba-5.jpg" alt=""></a></li>                      
                    </ul>
                    <div class="ba-jt">
                            <span class="pre"><</span><span class="next">></span>
                        </div>
                        <ul class="xd">
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                        </ul>
                </div>
                <div class="ba-bo">
                    <a href=""><img src="./images/bo-1.jpg" alt=""></a>
                    <a style="margin-left: 5px" href=""><img src="./images/bo-2.jpg" alt=""></a>
                </div>
            </div>

            <div class="ba-ri">
                <div class="ba-ri-t">
                    <div class="ba-d">
                        <div class="d-l">
                            <a href=""><img class="img" style=" border-radius: 23px;" src="./images/qzx.jpg" alt=""></a>
                        </div>
                        <div class="d-r">
                            <p class="siz-12">欢迎来到跨海淘</p>
                            <a href="./dl.html">登录</a> <a href="./zc.html">注册</a>
                        </div>

                    </div>
                    <div class="d-bon">
                        <a href="">我的订单</a> <a href="">我的红包</a>
                    </div>
                </div>
                <div class="ba-ri-b">
                    <div class="ba-ri-bTo">
                        <a href="">促销</a> <span style="color: #e6e6e6; font-size: 12px">|</span> <a href="">公告</a>
                    </div>
                    <div class="ba-ri-bBo">
                        <p><a href="">[优惠]</a> <a href="">520活动</a></p>
                    </div>
                </div>
            </div>
        </div>


        <div class="se-tj cen">
            <div class="se-tj-t">
                <div class="se-ti-tFl">
                    <span class="hj-1"></span>
                    <span class="hj-2"></span>
                    <span class="hj-3">特价秒杀</span>
                    <a href="">总有你想不到的低价 <span class="hj-4"></span></a>
                </div>
            </div>

            <div class="se-tj-b">
                <div class="se-tj-bLe">
                    <div class="se-ms">
                        <span class="g-1">秒杀</span>
                        <a href="#"><img style="width: 135px ;height: 120px;" src="./images/guo.jpg" alt="">
                            <p>德国Fissler菲仕乐中式单柄炒锅</p>
                        </a>
                        <div class="g-2">
                            <span class="g-2Le">¥
                                480.0
                            </span>
                            <span>
                                <span class="g-2Ri">¥
                                    672.0
                                </span>
                        </div>
                        <div class="g-3">
                            <span>11</span>:<span>13</span>:<span>30</span>后抢购结束
                        </div>
                    </div>
                </div>
                <div style="width:180px;height:225px;float:right;">
                    <a href=""><img src="./images/jnd.jpg" alt=""></a>
                </div>
            </div>
        </div>


        <div class="se-hh cen">
            <div class=fx>
                <div class=fx-t>
                    <span class="fx-tLe"></span>
                    <span class="fx-tCe">发现好货</span>
                    <a href="#">发现品质生活 <span class="fx-tRi"></span></a>
                </div>
                <div class="fx-fl">
                    <ul style="width: 370px;height:363px;" class="li">
                        <li><a href=""><img src="./images/fx-1.jpg" alt=""></a></li>
                        <li class="fi-li"><a href=""><img src="./images/fx-1.jpg" alt=""></a></li>
                        <li><a href=""><img src="./images/fx-1.jpg" alt=""></a></li>
                        <li class="fi-li"><a href=""><img src="./images/fx-1.jpg" alt=""></a></li>
                        <li class="fl-1"><a href=""><img src="./images/fx-1.jpg" alt=""></a></li>
                        <li class="fi-li fl-1"><a href=""><img src="./images/fx-1.jpg" alt=""></a></li>
                    </ul>
                </div>
            </div>

            <div class="pp">
                <div class="pp-t">
                    <span class="pp-tLe"></span>
                    <span class="pp-tCe">品牌街</span>
                    <a href="#">大牌咨讯全掌握 <span class="pp-tRi"></span></a>
                </div>
                <div class="pp-fl">
                    <div class="pp-fl-t">
                        <div class="pp-fl-tLe">
                            <a href=""><img class="img" src="./images/pp-1.jpg" alt=""></a>
                        </div>
                        <div class="pp-fl-tRi">
                            <a href=""><img class="img" src="./images/pp-2.jpg" alt=""></a>
                        </div>
                    </div>
                    <div class="pp-fl-b">
                        <a href=""><img class="img" src="./images/pp-3.jpg" alt=""></a>
                    </div>
                </div>
            </div>

            <div class="ph">
                <div class="ph-t">
                    <span class="ph-tLe"></span>
                    <span class="ph-tCe">排行榜</span>
                    <a href="#">热卖爆款疯抢 <span class="ph-tRi"></span></a>
                </div>
                <div class="ph-fl">
                    <ul class="li">
                        <li><a href=""><img src="./images/ph-1.jpg" alt=""> <span class="ph-1">1</span></a>
                            <p><a href="">日本原装进口Moony尤妮佳婴儿纸尿</a></p>
                        </li>
                        <li><a href=""><img src="./images/ph-2.jpg" alt=""> <span class="ph-2">2</span></a>
                            <p><a href="">日本原装进口Moony尤妮佳婴儿纸尿</a></p>
                        </li>
                        <li style="border-right:0px"><a href=""><img src="./images/ph-3.jpg" alt=""> <span
                                    class="ph-3">3</span></a>
                            <p><a href="">日本原装进口Moony尤妮佳婴儿纸尿</a></p>
                        </li>
                        <li><a href=""><img src="./images/ph-4.jpg" alt=""> <span class="ph-5">4</span></a>
                            <p><a href="">日本原装进口Moony尤妮佳婴儿纸尿</a></p>
                        </li>
                        <li><a href=""><img src="./images/ph-5.jpg" alt=""> <span class="ph-5">5</span></a>
                            <p><a href="">日本原装进口Moony尤妮佳婴儿纸尿</a></p>
                        </li>
                        <li><a href=""><img src="./images/ph-6.jpg" alt=""> <span class="ph-5">6</span></a>
                            <p><a href="">日本原装进口Moony尤妮佳婴儿纸尿</a></p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <div class="cen mm" style="margin-bottom:30px;">
            <ul class="li clear">
                <li><a href=""><img src="./images/mm1.jpg" alt=""></a></li>
                <li><a href=""><img src="./images/mm2.jpg" alt=""></a></li>
                <li><a href=""><img src="./images/mm3.jpg" alt=""></a></li>
            </ul>
        </div>

        <div class="xpz cen">
            <p class="xpz-t"><span>享品质</span></p>
            <div class="xpz-fl">
                <ul class="li">
                    <li><a href=""><img src="./images/pz-1.jpg" alt=""></a></li>
                    <li><a href=""><img src="./images/pz-2.jpg" alt=""></a></li>
                    <li><a href=""><img src="./images/pz-3.jpg" alt=""></a></li>
                    <li><a href=""><img src="./images/pz-4.jpg" alt=""></a></li>
                    <li><a href=""><img src="./images/pz-5.jpg" alt=""></a></li>
                    <li><a href=""><img src="./images/pz-6.jpg" alt=""></a></li>
                </ul>
            </div>
        </div>

        <div class="cen mm1" style="margin-bottom:30px;">
            <ul class="li clear">
                <li><a href=""><img src="./images/mm1.jpg" alt=""></a></li>
                <li><a href=""><img src="./images/mm2.jpg" alt=""></a></li>
                <li><a href=""><img src="./images/mm3.jpg" alt=""></a></li>
            </ul>
        </div>

        <div class="ash cen">
            <p class="xpz-t"><span>爱生活</span></p>
            <div class="xpz-fl">
                <ul class="li">
                    <li><a href=""><img src="./images/pz-1.jpg" alt=""></a></li>
                    <li><a href=""><img src="./images/pz-2.jpg" alt=""></a></li>
                    <li><a href=""><img src="./images/pz-3.jpg" alt=""></a></li>
                    <li><a href=""><img src="./images/pz-4.jpg" alt=""></a></li>
                    <li><a href=""><img src="./images/pz-5.jpg" alt=""></a></li>
                    <li><a href=""><img src="./images/pz-6.jpg" alt=""></a></li>
                </ul>
            </div>
        </div>

        <div class="cen mm2" style="margin-bottom:30px;">
            <ul class="li clear">
                <li><a href=""><img src="./images/mm1.jpg" alt=""></a></li>
                <li><a href=""><img src="./images/mm2.jpg" alt=""></a></li>
                <li><a href=""><img src="./images/mm3.jpg" alt=""></a></li>
            </ul>
        </div>
    </section>

    <footer>
        <div class="foo-t">
            <div class="cen">
                <ul class="li">
                    <li>
                        <div class="foo-l1">
                            <span class="dq-1"></span>品类齐全轻松购物
                        </div>
                    </li>
                    <li>
                            <div class="foo-l1">
                                    <span class="dq-2"></span>多仓直发,极速配送
                                </div>
                    </li>
                    <li>
                            <div class="foo-l1">
                                    <span class="dq-3"></span>正品行货，精致服务
                                </div>
                    </li>
                    <li>
                            <div class="foo-l1">
                                    <span class="dq-4"></span>天天低价，畅选无忧
                                </div>
                    </li>
                </ul>

            </div>
        </div>
        <div style="padding:20px 0;">
        </div>

        <div class="foo-fl">
            <div class="cen foo-flT">
                <div class="foo-flT-t">
                    <p>浙ICP备14001577号-1</p>
                    <p>© 2005-2019 跨境淘 版权所有，并保留所有权利</p>
                </div>
                <div class="foo-fl-f">
                    <a href=""><img src="./images/fl-1.png" alt=""></a>
                    <a href=""><img src="./images/fl-2.png" alt=""></a>
                    <a href=""><img src="./images/fl-3.png" alt=""></a>
                    <a href=""><img src="./images/fl-4.png" alt=""></a>
                </div>
            </div>
        </div>

    </footer>
</body>

</html>